
@import '../../css/theme.styl' 

.right-side-menu
    position fixed;
    right:0;
    top:70px;
    z-index: 999;
    width:84px;
    .item
        background $themewhite
        text-align: center
        border 1px solid $themegray
        width: 100%;
        height 90px;
        margin-top -1px;
        color #757575
        font-size:15px;
        cursor pointer
        transition color .3s
        .icon
            width:30px;
            height 38px;
            padding-top 18px;
            margin auto
            img
                width:30px;
                height 30px;
            .hover
                display:none;
        .pop-content
            position:absolute;
            background $themewhite
            top: 0;
            left 0;
            width 100px;
            padding 20px;
            border 1px solid $themegray
            opacity: 0;
            visibility: hidden;
            transition opacity 0.3s
            &::before
                content: "";
                position: absolute
                top: 42px;
                right: -16px;
                width:0
                height 0
                border-top: 8px solid transparent;
                border-right: 8px solid transparent;
                border-bottom: 8px solid transparent;
                border-left: 8px solid $themewhite;
                z-index: 99
            &::after
                content: "";
                position: absolute
                top: 42px;
                right: -17px;
                width:0
                height 0
                border-top: 8px solid transparent;
                border-right: 8px solid transparent;
                border-bottom: 8px solid transparent;
                border-left: 8px solid $themegray;
                z-index: 98
            img
                width 100px;
                height 100px
                margin auto
            .desc
                margin-top:10px;
        &:hover
            color $themecolor
            .static
                display:none
            .hover
                display:block;

    .mobile
        &:hover 
            .pop-content    
                opacity: 1;
                visibility inherit;
                left -154px;

    .backtop
        margin-top 20px;

